En yakın adlandırılmış renk · #005871
#005871
En yakın adlandırılmış renk: Sea Creature
#005871 (rgb(0 88 113), hsl(193 100% 22%), oklch(0.428 0.081 225.4)) en çok Sea Creature 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.
#005871
oklch(0.428 0.081 225.4)
Renk dönüşümleri
- HEX
- #005871
- RGB
- rgb(0 88 113)
- HSL
- hsl(193 100% 22%)
- HWB
- hwb(193 0% 56%)
- OKLCH
- oklch(0.428 0.081 225.4)
- OKLab
- oklab(0.428 -0.057 -0.058)
- CIE Lab
- lab(33.98 -15.96 -21.13)
- LCH
- lch(33.98 26.48 232.9)
- CMYK
- cmyk(100% 22% 0% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 29687F
- 42788C
- 5A889A
- 7198A8
- 88A9B6
- 9FBAC5
- B7CBD3
- CFDCE2
- E7EDF0
Koyu tonlar
- 004B61
- 003F52
- 003343
- 002835
- 001D27
- 00121A
- 00090E
- 000304
- 000001
Gri tonlar
- 1B5C73
- 2B6074
- 376476
- 436978
- 4E6D79
- 58707B
- 62747C
- 6C787D
- 767C7F
Renk uyumları
Tamamlayıcı +180°
- 005871
Sea Creature
- 744027
≈ Copper Canyon
Analog -30° +30°
- 005871
Sea Creature
- 005C5C
≈ Dark Turquoise
- 2F507B
≈ Slumber
Üçlü +120° +240°
- 005871
Sea Creature
- 6F3C59
≈ Royal Lines
- 565212
≈ Private Green
Bölünmüş tamamlayıcı +150° +210°
- 005871
Sea Creature
- 753B40
≈ Queen’s Rose
- 694811
≈ Violin Brown
Dörtlü +90° +180° +270°
- 005871
Sea Creature
- 60416E
≈ Grape Popsicle
- 744027
≈ Copper Canyon
- 3B592A
≈ Parsley
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.97:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.63:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-creature: #005871;
--sea-creature-rgb: 0 88 113;
--sea-creature-oklch: oklch(0.428 0.081 225.4);
}
.element {
color: var(--sea-creature);
background-color: hsl(193 100% 22%);
border-color: oklch(0.428 0.081 225.4);
}Tailwind CSS v4
@theme {
--color-sea-creature: #005871;
--color-sea-creature-50: #defaff;
--color-sea-creature-100: #cdeefd;
--color-sea-creature-200: #b0dcf0;
--color-sea-creature-300: #8bc0d8;
--color-sea-creature-400: #67a9c3;
--color-sea-creature-500: #4191af;
--color-sea-creature-600: #387b94;
--color-sea-creature-700: #2d6277;
--color-sea-creature-800: #1e4857;
--color-sea-creature-900: #14323d;
--color-sea-creature-950: #051e26;
}SCSS
$sea-creature: #005871;
$sea-creature-rgb: 0, 88, 113;
$sea-creature-light: mix(#fff, $sea-creature, 20%);
$sea-creature-dark: mix(#000, $sea-creature, 20%);
.element {
color: $sea-creature;
box-shadow: 0 0 0 2px rgba($sea-creature, 0.35);
}