En yakın adlandırılmış renk · #00727C
#00727C
En yakın adlandırılmış renk: Persian Mosaic
#00727C (rgb(0 114 124), hsl(185 100% 24%), oklch(0.504 0.086 205.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.
#00727C
oklch(0.504 0.086 205.5)
Renk dönüşümleri
- HEX
- #00727c
- RGB
- rgb(0 114 124)
- HSL
- hsl(185 100% 24%)
- HWB
- hwb(185 0% 51%)
- OKLCH
- oklch(0.504 0.086 205.5)
- OKLab
- oklab(0.504 -0.078 -0.037)
- CIE Lab
- lab(43.19 -25.3 -13.78)
- LCH
- lch(43.19 28.81 208.6)
- CMYK
- cmyk(100% 8% 0% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F8088
- 4A8D95
- 629BA2
- 79A9AF
- 8FB7BC
- A5C5C9
- BCD3D6
- D2E2E4
- E8F0F1
Koyu tonlar
- 00626B
- 00535A
- 00444A
- 00363B
- 00282C
- 001B1E
- 000E11
- 000405
- 000101
Gri tonlar
- 20747C
- 31757D
- 3E777D
- 4A787E
- 547A7E
- 5D7B7F
- 677C7F
- 6F7E7F
- 787F80
Renk uyumları
Tamamlayıcı +180°
- 00727C
Persian Mosaic
- 8F504B
≈ Moroccan Ruby
Analog -30° +30°
- 00727C
Persian Mosaic
- 1B7462
≈ Northern Hemisphere
- 2A6C8F
≈ Ocean Call
Üçlü +120° +240°
- 00727C
Persian Mosaic
- 7D527F
≈ Phlox Flower Violet
- 7B6022
≈ Brassy Brass
Bölünmüş tamamlayıcı +150° +210°
- 00727C
Persian Mosaic
- 8B4F66
≈ Raspberry Crush
- 8A5631
≈ Burnt Crust
Dörtlü +90° +180° +270°
- 00727C
Persian Mosaic
- 685A90
≈ Butterfly Bush
- 8F504B
≈ Moroccan Ruby
- 626A2C
≈ Heavy Khaki
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.67:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.69:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--persian-mosaic: #00727c;
--persian-mosaic-rgb: 0 114 124;
--persian-mosaic-oklch: oklch(0.504 0.086 205.5);
}
.element {
color: var(--persian-mosaic);
background-color: hsl(185 100% 24%);
border-color: oklch(0.504 0.086 205.5);
}Tailwind CSS v4
@theme {
--color-persian-mosaic: #00727c;
--color-persian-mosaic-50: #dafdff;
--color-persian-mosaic-100: #c8f1f7;
--color-persian-mosaic-200: #aadfe7;
--color-persian-mosaic-300: #81c4ce;
--color-persian-mosaic-400: #5aadb7;
--color-persian-mosaic-500: #2a96a2;
--color-persian-mosaic-600: #277f89;
--color-persian-mosaic-700: #1f666d;
--color-persian-mosaic-800: #144b50;
--color-persian-mosaic-900: #0d3438;
--color-persian-mosaic-950: #011f22;
}SCSS
$persian-mosaic: #00727c;
$persian-mosaic-rgb: 0, 114, 124;
$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);
}