En yakın adlandırılmış renk · #006371
#006371
En yakın adlandırılmış renk: Persian Mosaic
#006371 (rgb(0 99 113), hsl(187 100% 22%), oklch(0.458 0.08 211.5)) en çok Persian Mosaic 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.
#006371
oklch(0.458 0.08 211.5)
Renk dönüşümleri
- HEX
- #006371
- RGB
- rgb(0 99 113)
- HSL
- hsl(187 100% 22%)
- HWB
- hwb(187 0% 56%)
- OKLCH
- oklch(0.458 0.08 211.5)
- OKLab
- oklab(0.458 -0.068 -0.042)
- CIE Lab
- lab(37.74 -21.42 -15.37)
- LCH
- lch(37.74 26.37 215.7)
- CMYK
- cmyk(100% 12% 0% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B727E
- 46818C
- 5E909A
- 759FA8
- 8BAFB6
- A2BEC4
- B9CED3
- D0DEE1
- E7EFF0
Koyu tonlar
- 005561
- 004752
- 003A43
- 002E35
- 002127
- 00161A
- 000B0E
- 000304
- 000001
Gri tonlar
- 1D6673
- 2D6974
- 3A6C76
- 466F77
- 507279
- 5A757A
- 64787C
- 6E7B7D
- 777D7F
Renk uyumları
Tamamlayıcı +180°
- 006371
Persian Mosaic
- 7E463B
≈ Armadillo Egg
Analog -30° +30°
- 006371
Persian Mosaic
- 0A665A
≈ Dancing Dragonfly
- 295D80
≈ Suez Canal
Üçlü +120° +240°
- 006371
Persian Mosaic
- 71466C
≈ Sunset Purple
- 68561B
≈ Field Drab
Bölünmüş tamamlayıcı +150° +210°
- 006371
Persian Mosaic
- 7C4454
≈ Cheerful Wine
- 774C25
≈ Chocolate Rain
Dörtlü +90° +180° +270°
- 006371
Persian Mosaic
- 604C7D
≈ Royal Robe
- 7E463B
≈ Armadillo Egg
- 515E28
≈ Obscure Olive
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.94:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.02:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--persian-mosaic: #006371;
--persian-mosaic-rgb: 0 99 113;
--persian-mosaic-oklch: oklch(0.458 0.08 211.5);
}
.element {
color: var(--persian-mosaic);
background-color: hsl(187 100% 22%);
border-color: oklch(0.458 0.08 211.5);
}Tailwind CSS v4
@theme {
--color-persian-mosaic: #006371;
--color-persian-mosaic-50: #dcfcff;
--color-persian-mosaic-100: #cbeff8;
--color-persian-mosaic-200: #aedee9;
--color-persian-mosaic-300: #87c3d0;
--color-persian-mosaic-400: #62abb9;
--color-persian-mosaic-500: #3994a4;
--color-persian-mosaic-600: #327d8b;
--color-persian-mosaic-700: #28646f;
--color-persian-mosaic-800: #1b4a51;
--color-persian-mosaic-900: #123339;
--color-persian-mosaic-950: #041f23;
}SCSS
$persian-mosaic: #006371;
$persian-mosaic-rgb: 0, 99, 113;
$persian-mosaic-light: mix(#fff, $persian-mosaic, 20%);
$persian-mosaic-dark: mix(#000, $persian-mosaic, 20%);
.element {
color: $persian-mosaic;
box-shadow: 0 0 0 2px rgba($persian-mosaic, 0.35);
}