Adlandırılmış renk · #A5E1C4
Reef Green
Reef Green, #A5E1C4: rgb(165 225 196), hsl(151 50% 76%), oklch(0.861 0.073 163.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Reef Green color name →
#A5E1C4
oklch(0.861 0.073 163.5)
Renk dönüşümleri
- HEX
- #a5e1c4
- RGB
- rgb(165 225 196)
- HSL
- hsl(151 50% 76%)
- HWB
- hwb(151 65% 12%)
- OKLCH
- oklch(0.861 0.073 163.5)
- OKLab
- oklab(0.861 -0.07 0.021)
- CIE Lab
- lab(84.84 -24.31 7.78)
- LCH
- lch(84.84 25.52 162.3)
- CMYK
- cmyk(27% 0% 13% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEE4CA
- B8E7D0
- C1EAD5
- CAEDDB
- D3F0E1
- DCF3E7
- E5F6ED
- EDF9F3
- F6FCF9
Koyu tonlar
- 8FC4AA
- 79A791
- 658B78
- 517061
- 3D564A
- 2B3E35
- 1A2721
- 0A120E
- 010202
Gri tonlar
- A2D7BD
- 9ECDB6
- 9BC3AF
- 97B9A8
- 94AFA1
- 90A69B
- 8C9C94
- 88938D
- 848987
Renk uyumları
Tamamlayıcı +180°
- A5E1C4
Reef Green
- F5BFDE
≈ Cotton Candy Aesthetic
Analog -30° +30°
- A5E1C4
Reef Green
- BEDCAB
≈ Bowling Green
- 97E1DF
≈ Aqua Fiesta
Üçlü +120° +240°
- A5E1C4
Reef Green
- CACCFF
≈ Lavender Blue
- FCC2AB
≈ Sweet Apricot
Bölünmüş tamamlayıcı +150° +210°
- A5E1C4
Reef Green
- E3C4F4
≈ Neon Boneyard
- FEBEC3
≈ Piglet
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.16:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--reef-green: #a5e1c4;
--reef-green-rgb: 165 225 196;
--reef-green-oklch: oklch(0.861 0.073 163.5);
}
.element {
color: var(--reef-green);
background-color: hsl(151 50% 76%);
border-color: oklch(0.861 0.073 163.5);
}Tailwind CSS v4
@theme {
--color-reef-green: #a5e1c4;
--color-reef-green-50: #e3fcf0;
--color-reef-green-100: #d2f0e2;
--color-reef-green-200: #b8dfcd;
--color-reef-green-300: #94c4ae;
--color-reef-green-400: #75ac92;
--color-reef-green-500: #559679;
--color-reef-green-600: #497f66;
--color-reef-green-700: #3a6552;
--color-reef-green-800: #2a4a3a;
--color-reef-green-900: #1c3428;
--color-reef-green-950: #0c1f16;
}SCSS
$reef-green: #a5e1c4;
$reef-green-rgb: 165, 225, 196;
$reef-green-light: mix(#fff, $reef-green, 20%);
$reef-green-dark: mix(#000, $reef-green, 20%);
.element {
color: $reef-green;
box-shadow: 0 0 0 2px rgba($reef-green, 0.35);
}