En yakın adlandırılmış renk · #265D62
#265D62
En yakın adlandırılmış renk: Deep Sea Diver
#265D62 (rgb(38 93 98), hsl(185 44% 27%), oklch(0.444 0.058 203.4)) en çok Deep Sea Diver adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#265D62
oklch(0.444 0.058 203.4)
Renk dönüşümleri
- HEX
- #265d62
- RGB
- rgb(38 93 98)
- HSL
- hsl(185 44% 27%)
- HWB
- hwb(185 15% 62%)
- OKLCH
- oklch(0.444 0.058 203.4)
- OKLab
- oklab(0.444 -0.053 -0.023)
- CIE Lab
- lab(36.02 -17.57 -8.66)
- LCH
- lch(36.02 19.59 206.2)
- CMYK
- cmyk(61% 5% 0% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D6C70
- 527B7F
- 678B8E
- 7C9B9E
- 91ABAD
- A6BBBD
- BCCCCD
- D2DDDE
- E8EEEE
Koyu tonlar
- 205054
- 194347
- 13373A
- 0D2A2D
- 081F21
- 041416
- 020A0B
- 010303
- 000000
Gri tonlar
- 316165
- 3B6468
- 45686B
- 4E6B6E
- 566F71
- 5F7274
- 677677
- 70797A
- 787D7D
Renk uyumları
Tamamlayıcı +180°
- 265D62
Deep Sea Diver
- 704744
≈ Dressed to Impress
Analog -30° +30°
- 265D62
Deep Sea Diver
- 2D5E51
≈ Old Money
- 30596F
≈ Endless Sea
Üçlü +120° +240°
- 265D62
Deep Sea Diver
- 634966
≈ Bunchberry
- 63512C
≈ Jungle Beat
Bölünmüş tamamlayıcı +150° +210°
- 265D62
Deep Sea Diver
- 6D4656
≈ Finn
- 6D4B35
≈ Guitar
Dörtlü +90° +180° +270°
- 265D62
Deep Sea Diver
- 554D71
≈ Perpetual Purple
- 704744
≈ Dressed to Impress
- 535731
≈ Dark Rainforest
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.43:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-sea-diver: #265d62;
--deep-sea-diver-rgb: 38 93 98;
--deep-sea-diver-oklch: oklch(0.444 0.058 203.4);
}
.element {
color: var(--deep-sea-diver);
background-color: hsl(185 44% 27%);
border-color: oklch(0.444 0.058 203.4);
}Tailwind CSS v4
@theme {
--color-deep-sea-diver: #265d62;
--color-deep-sea-diver-50: #e3fafd;
--color-deep-sea-diver-100: #d3eef1;
--color-deep-sea-diver-200: #b9dce0;
--color-deep-sea-diver-300: #95c0c6;
--color-deep-sea-diver-400: #75a9ae;
--color-deep-sea-diver-500: #559297;
--color-deep-sea-diver-600: #497b80;
--color-deep-sea-diver-700: #3a6367;
--color-deep-sea-diver-800: #29484b;
--color-deep-sea-diver-900: #1b3234;
--color-deep-sea-diver-950: #0b1e1f;
}SCSS
$deep-sea-diver: #265d62;
$deep-sea-diver-rgb: 38, 93, 98;
$deep-sea-diver-light: mix(#fff, $deep-sea-diver, 20%);
$deep-sea-diver-dark: mix(#000, $deep-sea-diver, 20%);
.element {
color: $deep-sea-diver;
box-shadow: 0 0 0 2px rgba($deep-sea-diver, 0.35);
}