Benannte Farbe · #ACE1AF
Celadon
Celadon ist #ACE1AF: rgb(172 225 175), hsl(123 47% 78%), oklch(0.86 0.088 146.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Celadon color name →
#ACE1AF
oklch(0.86 0.088 146.2)
Farbumrechnungen
- HEX
- #ace1af
- RGB
- rgb(172 225 175)
- HSL
- hsl(123 47% 78%)
- HWB
- hwb(123 67% 12%)
- OKLCH
- oklch(0.86 0.088 146.2)
- OKLab
- oklab(0.86 -0.073 0.049)
- CIE Lab
- lab(84.87 -24.91 18.8)
- LCH
- lch(84.87 31.2 143)
- CMYK
- cmyk(24% 0% 22% 12%)
Tints · Shades · Tones
Tints
- B5E4B7
- BDE7BF
- C5EAC7
- CEEDCF
- D6F0D7
- DEF3DF
- E6F6E7
- EFF9EF
- F7FCF7
Shades
- 95C498
- 7FA781
- 698B6B
- 547056
- 405641
- 2D3E2E
- 1B271C
- 0B120B
- 010201
Tones
- A8D7AA
- A4CDA6
- 9FC3A1
- 9BB99C
- 97B098
- 92A693
- 8E9C8E
- 899389
- 858985
Farbharmonien
Komplementär +180°
- ACE1AF
Celadon
- F0BDF0
≈ Lovecloud
Analog -30° +30°
- ACE1AF
Celadon
- CDD996
≈ Vacation Island
- 90E4CF
≈ Beach Glass
Triadisch +120° +240°
- ACE1AF
Celadon
- BCD1FF
≈ Ice Cold Stare
- FFBFB7
≈ Ruffled Parasol
Geteilt komplementär +150° +210°
- ACE1AF
Celadon
- D5C7FF
≈ Innocent Snowdrop
- FFBAD2
≈ Tentacle Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.14:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.14:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--celadon: #ace1af;
--celadon-rgb: 172 225 175;
--celadon-oklch: oklch(0.86 0.088 146.2);
}
.element {
color: var(--celadon);
background-color: hsl(123 47% 78%);
border-color: oklch(0.86 0.088 146.2);
}Tailwind CSS v4
@theme {
--color-celadon: #ace1af;
--color-celadon-50: #e5fde7;
--color-celadon-100: #d5f1d8;
--color-celadon-200: #bcdfc0;
--color-celadon-300: #99c49f;
--color-celadon-400: #7cad7f;
--color-celadon-500: #5e9663;
--color-celadon-600: #507f54;
--color-celadon-700: #406543;
--color-celadon-800: #2f4a2f;
--color-celadon-900: #203420;
--color-celadon-950: #0f1f0f;
}SCSS
$celadon: #ace1af;
$celadon-rgb: 172, 225, 175;
$celadon-light: mix(#fff, $celadon, 20%);
$celadon-dark: mix(#000, $celadon, 20%);
.element {
color: $celadon;
box-shadow: 0 0 0 2px rgba($celadon, 0.35);
}