Adlandırılmış renk · #256D73
Antigua
Antigua, #256D73: rgb(37 109 115), hsl(185 51% 30%), oklch(0.493 0.07 203). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Antigua color name →
#256D73
oklch(0.493 0.07 203)
Renk dönüşümleri
- HEX
- #256d73
- RGB
- rgb(37 109 115)
- HSL
- hsl(185 51% 30%)
- HWB
- hwb(185 15% 55%)
- OKLCH
- oklch(0.493 0.07 203)
- OKLab
- oklab(0.493 -0.065 -0.027)
- CIE Lab
- lab(41.87 -21.37 -10.3)
- LCH
- lch(41.87 23.72 205.7)
- CMYK
- cmyk(68% 5% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3E7B80
- 55898D
- 6A979B
- 7FA5A9
- 94B4B7
- A9C3C5
- BED1D3
- D3E0E2
- E9F0F0
Koyu tonlar
- 1F5E63
- 194F54
- 134145
- 0D3336
- 082628
- 04191B
- 020D0F
- 000405
- 000101
Gri tonlar
- 326F74
- 3D7176
- 477377
- 507578
- 59777A
- 61797B
- 697B7C
- 717C7D
- 787E7F
Renk uyumları
Tamamlayıcı +180°
- 256D73
Antigua
- 85514E
≈ New Roof
Analog -30° +30°
- 256D73
Antigua
- 306E5D
≈ Antique Green
- 346883
≈ Naval Passage
Üçlü +120° +240°
- 256D73
Antigua
- 755479
≈ Opulent Ostrich
- 755E30
≈ Florentine Dream
Bölünmüş tamamlayıcı +150° +210°
- 256D73
Antigua
- 815065
≈ Nectar Red
- 81563A
≈ Chocolate Stain
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.97:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.51:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 5.97:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--antigua: #256d73;
--antigua-rgb: 37 109 115;
--antigua-oklch: oklch(0.493 0.07 203);
}
.element {
color: var(--antigua);
background-color: hsl(185 51% 30%);
border-color: oklch(0.493 0.07 203);
}Tailwind CSS v4
@theme {
--color-antigua: #256d73;
--color-antigua-50: #dffbff;
--color-antigua-100: #ceeff3;
--color-antigua-200: #b2dee2;
--color-antigua-300: #8dc2c8;
--color-antigua-400: #6aabb1;
--color-antigua-500: #46949b;
--color-antigua-600: #3c7d83;
--color-antigua-700: #306469;
--color-antigua-800: #214a4c;
--color-antigua-900: #163335;
--color-antigua-950: #071f20;
}SCSS
$antigua: #256d73;
$antigua-rgb: 37, 109, 115;
$antigua-light: mix(#fff, $antigua, 20%);
$antigua-dark: mix(#000, $antigua, 20%);
.element {
color: $antigua;
box-shadow: 0 0 0 2px rgba($antigua, 0.35);
}