Warna bernama · #ACE1AF
Celadon
Celadon adalah #ACE1AF: rgb(172 225 175), hsl(123 47% 78%), oklch(0.86 0.088 146.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Celadon color name →
#ACE1AF
oklch(0.86 0.088 146.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- B5E4B7
- BDE7BF
- C5EAC7
- CEEDCF
- D6F0D7
- DEF3DF
- E6F6E7
- EFF9EF
- F7FCF7
Shade
- 95C498
- 7FA781
- 698B6B
- 547056
- 405641
- 2D3E2E
- 1B271C
- 0B120B
- 010201
Tone
- A8D7AA
- A4CDA6
- 9FC3A1
- 9BB99C
- 97B098
- 92A693
- 8E9C8E
- 899389
- 858985
Harmoni warna
Komplementer +180°
- ACE1AF
Celadon
- F0BDF0
≈ Lovecloud
Analog -30° +30°
- ACE1AF
Celadon
- CDD996
≈ Vacation Island
- 90E4CF
≈ Beach Glass
Triadik +120° +240°
- ACE1AF
Celadon
- BCD1FF
≈ Ice Cold Stare
- FFBFB7
≈ Ruffled Parasol
Split-komplementer +150° +210°
- ACE1AF
Celadon
- D5C7FF
≈ Innocent Snowdrop
- FFBAD2
≈ Tentacle Pink
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.48:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.14:1 · APCA Lc 80
Warna teks terbaik: #000000
WCAG 14.14:1 (AAA) · APCA Lc 80
Contrast pairs
Cuplikan kode
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);
}