Cor nomeada · #C4DDBB
Galway
Galway é #C4DDBB: rgb(196 221 187), hsl(104 33% 80%), oklch(0.87 0.053 137.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Galway color name →
#C4DDBB
oklch(0.87 0.053 137.4)
Conversões de cor
- HEX
- #c4ddbb
- RGB
- rgb(196 221 187)
- HSL
- hsl(104 33% 80%)
- HWB
- hwb(104 73% 13%)
- OKLCH
- oklch(0.87 0.053 137.4)
- OKLab
- oklab(0.87 -0.039 0.036)
- CIE Lab
- lab(85.57 -13.25 13.83)
- LCH
- lch(85.57 19.16 133.8)
- CMYK
- cmyk(11% 0% 15% 13%)
Tons claros · Sombras · Tons
Tons claros
- CAE0C2
- D0E4C8
- D6E7CF
- DBEBD6
- E1EEDD
- E7F1E4
- EDF5EA
- F3F8F1
- F9FCF8
Sombras
- AAC0A2
- 91A48A
- 788873
- 616E5C
- 4A5546
- 353D32
- 21261F
- 0E110D
- 020202
Tons
- BDD3B5
- B6CAAF
- AFC0A9
- A8B7A3
- A1AD9D
- 9BA497
- 949B91
- 8D928C
- 878986
Harmonias de cor
Complementar +180°
- C4DDBB
Galway
- E3CAEC
≈ Syrian Violet
Análoga -30° +30°
- C4DDBB
Galway
- D7D7AF
≈ Green Mesh
- B3E0CD
≈ Aqua Bay
Tríade +120° +240°
- C4DDBB
Galway
- BFD6F8
≈ Oh Boy!
- F5C7C7
≈ English Rose
Complementar dividida +150° +210°
- C4DDBB
Galway
- D1D0F6
≈ Miami White
- F0C7DB
≈ British Rose
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.40:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--galway: #c4ddbb;
--galway-rgb: 196 221 187;
--galway-oklch: oklch(0.87 0.053 137.4);
}
.element {
color: var(--galway);
background-color: hsl(104 33% 80%);
border-color: oklch(0.87 0.053 137.4);
}Tailwind CSS v4
@theme {
--color-galway: #c4ddbb;
--color-galway-50: #eef9eb;
--color-galway-100: #dfeddc;
--color-galway-200: #c9dac5;
--color-galway-300: #aabea5;
--color-galway-400: #90a688;
--color-galway-500: #758f6c;
--color-galway-600: #64795c;
--color-galway-700: #4f6149;
--color-galway-800: #3a4734;
--color-galway-900: #283124;
--color-galway-950: #161d12;
}SCSS
$galway: #c4ddbb;
$galway-rgb: 196, 221, 187;
$galway-light: mix(#fff, $galway, 20%);
$galway-dark: mix(#000, $galway, 20%);
.element {
color: $galway;
box-shadow: 0 0 0 2px rgba($galway, 0.35);
}