En yakın adlandırılmış renk · #005155
#005155
En yakın adlandırılmış renk: Deep Sea Diver
#005155 (rgb(0 81 85), hsl(183 100% 17%), oklch(0.395 0.067 200.6)) 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.
#005155
oklch(0.395 0.067 200.6)
Renk dönüşümleri
- HEX
- #005155
- RGB
- rgb(0 81 85)
- HSL
- hsl(183 100% 17%)
- HWB
- hwb(183 0% 67%)
- OKLCH
- oklch(0.395 0.067 200.6)
- OKLab
- oklab(0.395 -0.063 -0.024)
- CIE Lab
- lab(30.52 -20.92 -8.86)
- LCH
- lch(30.52 22.71 202.9)
- CMYK
- cmyk(100% 5% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 266164
- 407174
- 588285
- 6F9395
- 86A4A6
- 9EB6B7
- B5C8C9
- CEDADB
- E6ECED
Koyu tonlar
- 004549
- 003A3D
- 002F31
- 002426
- 001A1C
- 001011
- 000708
- 000202
- 000000
Gri tonlar
- 195659
- 295A5D
- 355F62
- 416466
- 4C696A
- 576D6F
- 617273
- 6B7777
- 767B7C
Renk uyumları
Tamamlayıcı +180°
- 005155
Deep Sea Diver
- 663737
≈ Andorra
Analog -30° +30°
- 005155
Deep Sea Diver
- 165241
≈ Tetsu Green
- 174D64
≈ Lazurite Blue
Üçlü +120° +240°
- 005155
Deep Sea Diver
- 573A5D
≈ Purpurite Violet
- 594216
≈ Smoked Oak Brown
Bölünmüş tamamlayıcı +150° +210°
- 005155
Deep Sea Diver
- 62374B
≈ Liqueur Red
- 633B23
≈ Cassiterite Brown
Dörtlü +90° +180° +270°
- 005155
Deep Sea Diver
- 464068
≈ Evening Mauve
- 663737
≈ Andorra
- 484A1B
≈ Bronze Tone
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.09:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.30:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-sea-diver: #005155;
--deep-sea-diver-rgb: 0 81 85;
--deep-sea-diver-oklch: oklch(0.395 0.067 200.6);
}
.element {
color: var(--deep-sea-diver);
background-color: hsl(183 100% 17%);
border-color: oklch(0.395 0.067 200.6);
}Tailwind CSS v4
@theme {
--color-deep-sea-diver: #005155;
--color-deep-sea-diver-50: #e0fbfe;
--color-deep-sea-diver-100: #cfeff2;
--color-deep-sea-diver-200: #b4dde1;
--color-deep-sea-diver-300: #8fc2c6;
--color-deep-sea-diver-400: #6dabae;
--color-deep-sea-diver-500: #4a9498;
--color-deep-sea-diver-600: #3f7d81;
--color-deep-sea-diver-700: #326467;
--color-deep-sea-diver-800: #234a4b;
--color-deep-sea-diver-900: #173334;
--color-deep-sea-diver-950: #081f1f;
}SCSS
$deep-sea-diver: #005155;
$deep-sea-diver-rgb: 0, 81, 85;
$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);
}